<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>华为手机大全_华为智能手机_华为商城</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/phonelist.css">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>

<body>
  <div class="container">
    <!-- 页面头部 -->
    <header>
      <!-- 导航栏 -->
      <nav>
        <div class="nav-group w">
          <div class="nav-bar-l">
            <ul>
              <li><a href="#">首页</a></li>
              <li></li>
              <li><a href="#">华为官网</a></li>
              <li></li>
              <li><a href="#">花粉俱乐部</a></li>
              <li></li>
              <li><a href="#">V码(优购码)</a></li>
              <li></li>
              <li><a href="#">企业购</a></li>
              <li></li>
              <li><a href="#">Select Region</a></li>
              <li></li>
              <li>更多精彩<span></span>
                <ul class="secondary-nav">
                  <li><a href="#">EMUI</a></li>
                  <li><a href="#">应用市场</a></li>
                  <li><a href="#">华为终端云空间</a></li>
                  <li><a href="#">开发者联盟</a></li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="nav-bar-r">
            <ul>
              <li><a href="">请登录</a></li>
              <li></li>
              <li><a href="">注册</a></li>
              <li></li>
              <li><a href="">我的订单</a></li>
              <li></li>
              <li>客户服务<span></span>
                <ul class="secondary-nav">
                  <li><a href="#">客户服务</a></li>
                  <li><a href="#">联系客户</a></li>
                </ul>
              </li>
              <li></li>
              <li>网站导航<span></span>
                <div class="webnav secondary-nav">
                  <div class=""><span class="icon">111</span></div>
                  <div class="">
                    <dl>
                      <dt>频道</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>产品</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>增值服务</dt>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>会员</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                </div>
              </li>
              <li></li>
              <li>手机版<span></span>
                <div class="downloadApp">
                  <div>1</div>
                  <div>1</div>
                  <div>1</div>
                </div>
              </li>
              <li></li>
              <li><a href="">购物车(0)</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- logo区域和商品导航栏 -->
    <div class="w pro-nav">
      <div class="logo">
        <h1>1111</h1>
      </div>
      <div class="prolist">
        <ul>
          <li><a href="#" class="huawei">华为专区</a></li>
          <li><a href="#" class="rongyao">荣耀专区</a></li>
          <li><a href="#">P40系列</a></li>
          <li><a href="#">荣耀30</a></li>
          <li><a href="#">智能家居</a></li>
        </ul>
      </div>
      <div class="search">
        <form action="https://www.baidu.com" method="get">
          <input type="text" placeholder="Mate40系列"><button class="search-icon">a</button>
        </form>
      </div>
    </div>
    <!-- 所有手机  -->
    <div class="alltle">
      <div class="w">
        <div class="crumb">
          <ul class="clearfix">
            <li><a href="#">首页</a></li>
            <li>></li>
            <li><a href="#">手机</a></li>
          </ul>
        </div>
        <!-- 手机规格 -->
        <div class="specs">
          <!-- 分类 -->
          <div><span class="specs-item">分类:</span>
            <span class="dapAttrs">
              <span class="dapAttrs-list">
                <span class="dapAttrs-item">手机</span>
              </span>
            </span>
          </div>
          <!-- 服务优惠 -->
          <div>
            <span class="specs-item">服务优惠</span>
            <span class="dapAttrs">
              <span class="dapAttrs-list">
                <span class="dapAttrs-item"><input type="checkbox" name="">仅看有货</span>
                <span class="dapAttrs-item"><input type="checkbox" name="">分期免息</span>
                <span class="dapAttrs-item"><input type="checkbox" name="">优惠商品</span>
              </span>
            </span>
          </div>
          <!-- 屏幕尺寸 -->
          <div><span class="specs-item">屏幕尺寸</span><span class="dapAttrs">
              <span class="dapAttrs">
                <span class="dapAttrs-list">
                  <span class="dapAttrs-item"><input type="checkbox" name="">6.0-6.5英寸</span>
                  <span class="dapAttrs-item"><input type="checkbox" name="">6.5英寸以上</span>
                </span>
              </span>
            </span></div>
          <!-- 更多选项 -->
          <div><span class="specs-item">更多选项</span><span class="dapAttrs">
              <span class="dapAttrs">
                <span class="dapAttrs-list">
                  <span class="dapAttrs-item border">运行内存<i class="iconfont"></i></span>
                  <span class="dapAttrs-item border">存储容量<i class="iconfont"></i></span>
                  <span class="dapAttrs-item border">上市时间<i class="iconfont"></i></span>
                </span>
              </span>
            </span></div>
          <!-- 排序 -->
          <div><span class="specs-item">排序</span><span class="dapAttrs">
              <span class="dapAttrs">
                <span class="dapAttrs-list">
                  <span class="dapAttrs-item">综合</span>
                  <span class="dapAttrs-item">最新</span>
                  <span class="dapAttrs-item">评论数</span>
                  <span class="dapAttrs-item">价格</span>
                  <i class="price"><input type="text" name="" id=""></i>-
                  <i class="price"><input type="text" name="" id=""></i>
                </span>
              </span>
            </span></div>
        </div>
        <!-- 手机商品列表 -->
        <div class="tellist">
          <ul class="clearfix">
            <a href="#">
          <!-- 230*350 -->
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
                <!-- 新品上市小徽章 -->
                <span class="newpro">新品上市</span>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
                <span class="newpro">新品上市</span>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
                <span class="newpro">新品上市</span>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
                <span class="newpro">新品上市</span>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
                <span class="newpro">新品上市</span>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
            <a href="#">
              <li>
                <div class="pro-img">
                  <div class="img">
                    <img width="180px" height="180px"
                      src="../images/428_428_B9DCDEB22DAB212FBD4ADBEA0361459B270FCB900F599219mp.png" alt="">
                  </div>
                </div>
                <div class="pro-txt">
                  <h1>HUAWEI P40 Pro</h1>
                  <p class="price"><b>￥5988起</b><a href="#">多款可选</a></p>
                  <p class="periodization"><span>一站式换新</span><span>分期免息</span></p>
                  <p class="evaluate"><a href="#">47524人评价</a><a href="#">99%好评</a></p>
                </div>
              </li>
            </a>
          </ul>
        </div>
      </div>
    </div>

  </div>
  <!-- 页面底部 -->
  <iframe class="clearfix footer" src="./footer.html" frameborder="0"></iframe>
</body>

</html>